<template>
	<view class="mine-view">
		<view class="title-view">
			<view class="title-text">我的资产</view>
			<view class="unit-text">单位：万元</view>
			<image src="/static/mine-look.png" class="options"></image>
		</view>
		<view class="cell-view">
			<view class="cell-item">
				<view class="label-text">出资总额（万元）</view>
				<view class="desc-text" style="color: #FF453B;">1325</view>
			</view>
			<view class="cell-item">
				<view class="label-text">预约总额（万元）</view>
				<view class="desc-text">1325</view>
			</view>
			<view class="cell-item">
				<view class="label-text">购买总额（万元）</view>
				<view class="desc-text">1325</view>
			</view>
			<view class="cell-item">
				<view class="label-text">约定回报（万元）</view>
				<view class="desc-text" style="color: #FF453B;">1325</view>
			</view>
			<view class="cell-item">
				<view class="label-text">约定回报（万元）</view>
				<view class="desc-text">1325</view>
			</view>
			<view class="cell-item">
				<view class="label-text">约定回报（万元）</view>
				<view class="desc-text">1325</view>
			</view>
		</view>
		<view class="division"></view>
		<view class="title-view" style="margin-top: 32px;">
			<view class="title-text">我的项目</view>
		</view>

		<view class="project-view">
            <view class="project-item">
				<PCMineProjectItem></PCMineProjectItem>
			</view>
            <view class="project-item">
				<PCMineProjectItem></PCMineProjectItem>
			</view>
            <view class="project-item">
				<PCMineProjectItem></PCMineProjectItem>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		}
	}
</script>

<style scoped lang="scss">
	.mine-view {
		width: 100%;
		background: white;
		padding: 44px 30px;
		min-height: 610px;

		.title-view {
			width: 100%;
			padding-left: 10px;
			@extend .row-start;

			.title-text {
				font-weight: 600;
				font-size: 22px;
				color: #2C1101;
			}

			.unit-text {
				font-weight: 400;
				font-size: 12px;
				color: #69442E;
				margin-left: 10px;
			}

			.options {
				width: 18px;
				height: 18px;
				margin-left: 10px;
			}
		}

		.cell-view {
			width: 100%;
			padding: 0 36px;
			@extend .row-start;
			flex-wrap: wrap;
			margin-top: 12px;

			.cell-item {
				width: calc(100% / 3);
				margin-top: 18px;

				.label-text {
					font-weight: 400;
					font-size: 12px;
					color: #1F0C00;
				}

				.desc-text {
					font-weight: 500;
					font-size: 28px;
					color: #1F0C00;
				}
			}
		}

		.division {
			width: 100%;
			height: 1px;
			background: #E8DED6;
			margin-top: 30px;
		}
		.project-view {
			width: 100%;
			padding: 0 10px;
			margin-top: 5px;

			.project-item {
				width: 605px;
                height: 207px;
				margin-top: 20px;
			}
		}
	}
</style>